<template>
  <AppCover section="search" :findWord="keyWord" :bgURL="coverURL" :bgPrURL="coverPrURL" />
  <ArticleList pageType="search" />
  <AppNav />
  <AppFooter />
</template>

<script>
import AppNav from '@/components/AppNav'
import AppCover from '@/components/AppCover'
import AppFooter from '@/components/AppFooter'
import ArticleList from '@/components/ArticleList'
export default {
  name: 'Search',
  components: { AppNav, AppCover, AppFooter, ArticleList },
  data(){
    return{
      coverURL: '/files/img/section_cover/search.jpg',
      coverPrURL: '/files/img/section_cover/search_pr.jpg',
      keyWord: ''
    }
  },
  mounted(){
    this.keyWord = this.$route.params.value
    console.log(this.$route);
  },
  watch: {
    $route(){
      this.keyWord = this.$route.params.value
    },
  }
}
</script>

<style lang="less" scoped>

</style>